<template>
	<view class="flex-col">
		<view class="title-bg flex-row-yc">
			<view @click="back" class="item-icon"><u-icon name="arrow-left" color="#fff"></u-icon></view>
			<view class="flex1 text">个人中心</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">所属单位</view>
			<view>{{mineInfo.companyname}}</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">用户名</view>
			<view>{{mineInfo.manname}}</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">手机号</view>
			<view>{{mineInfo.mantel}}</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">准驾车型</view>
			<view>{{mineInfo.drivetype}}</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">年审时间</view>
			<view>{{mineInfo.iddate}}</view>
		</view>
		<view class="flex-row-yc item">
			<view class="flex1">注册时间</view>
			<view>{{mineInfo.created}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mineInfo:{}
			}
		},
		created() {
			try {
				const value = uni.getStorageSync('mine_info');
				if (value) {
					this.mineInfo = JSON.parse(value);
				}
			} catch (e) {
				// error
			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.uni-page-body,
	html,
	body,
	.page {
		width: 100%;
		height: 100%;
	}

	.title-bg {
		width: 100%;
		padding: 0 10px;
		height: 65px;
		background: linear-gradient(-90deg, #3C88D8 0%, #7CAFE7 100%);


		.text {
			color: #FFFFFF;
			font-size: 16px;
			font-weight: 600;
			margin-left: 10px;
		}
	}

	.item {
		padding: 0 10px;
		height: 45px;
		background-color: white;
		border-bottom: aquamarine 1px solid;
		color: gray;
	}
</style>